/* 初始化 */
*{
    margin:0;
    padding: 0;
    list-style: none;
    border: 0;
    box-sizing: border-box;
}
a{
    text-decoration:none;
}
body, html a{
    color: #333;
}
body{
    font-family: "PingFangSC-Regular","Microsoft YaHei",Helvetica;
    background: #f5f7f9;
}
html{
    font-size: 13.33333vw;
}

/* flex布局 */
.d-flex{
    display: flex;
}
.f-wrap{
    flex-wrap: wrap;
}
.f-grow{
    flex-grow:1;
}
.jc-center{
    justify-content: center;
}
.jc-around{
    justify-content: space-around;
}
.jc-between{
    justify-content: space-between;
}
.ai-center{
    align-items: center;
}

/*浮动*/
.float-l{
    float: left;
}
.float-r{
    float: right;
}

/*margin跟padding*/
.m-1{
    margin:1rem;
}
.m-2{
    margin:2rem;
}
.m-3{
    margin:3rem;
}
.ml-1{
    margin-left:1rem;
}
.ml-2{
    margin-left:2rem;
}
.ml-3{
    margin-left:3rem;
}
.mr-1{
    margin-right:1rem;
}
.mr-2{
    margin-right:2rem;
}
.mr-3{
    margin-right:3rem;
}
.mt-1{
    margin-top:1rem;
}
.mt-2{
    margin-top:2rem;
}
.mt-3{
    margin-top:3rem;
}
.mb-1{
    margin-bottom:1rem;
}
.mb-2{
    margin-bottom:2rem;
}
.mb-3{
    margin-bottom:3rem;
}
/**/
.p-1{
    padding:1rem;
}
.p-2{
    padding:2rem;
}
.p-3{
    padding:3rem;
}
.pl-1{
    padding-left:1rem;
}
.pl-2{
    padding-left:2rem;
}
.pl-3{
    padding-left:3rem;
}
.pr-1{
    padding-right:1rem;
}
.pr-2{
    padding-right:2rem;
}
.pr-3{
    padding-right:3rem;
}
.pt-1{
    padding-top:1rem;
}
.pt-2{
    padding-top:2rem;
}
.pt-3{
    padding-top:3rem;
}
.pb-1{
    padding-bottom:1rem;
}
.pb-2{
    padding-bottom:2rem;
}
.pb-3{
    padding-bottom:3rem;
}

/*字体大小*/
.fs-s{
    font-size: 0.6154rem;
}
.fs-m{
    font-size: 0.7692rem;
}
.fs-l{
    font-size: 0.9231rem;
}
.fs-x{
    font-size: 1.0769rem;
}
.fs-xl{
    font-size: 1.2308rem;
}
.fs-xxl{
    font-size: 1.3846rem;
}

/*定义颜色*/
.colorRed{
    color:#ee1a1a;
}
.color-white{
    color:#fff;
}
.color-gray{
    color:#b4b4b4;
}

/*定义边框*/
.border-b{
    border-bottom:1px solid #eee;
}
.border-t{
    border-top:1px solid #eee;
}
.border-l{
    border-left:1px solid #eee;
}
.border-r{
    border-right:1px solid #eee;
}
.border{
    border:1px solid #eee;
}